<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>书库 - 夜读书</title>
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="author" content="夜读书">
    <meta name="description" content="夜读书全部图书列表">
    <meta name="keywords" content="夜读书">
    <link rel="stylesheet" href="{{ asset('/bootstrap-3.3.5-dist/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/style/css/mobile.css') }}">    
    <script src="{{ asset('/scripts/jquery/jquery-1.11.3.min.js') }}"></script>
    <script src="{{ asset('/bootstrap-3.3.5-dist/js/bootstrap.min.js') }}"></script>
</head>
<body>
@include('mobile.nav')
<div id="books">
    @include('mobile.navsearch')
    <h1>夜读书书库列表</h1>
    <div class="list grid">
    @foreach($books as $book)
    	<a class="item" href="http://www.yedushu.com/mobile/info/{{$book->book_id}}">
            <div class="cover">
                <div class="wp ratio3_4">
                    <img src="http://www.yedushu.com/{{$book->bimg}}" alt="{{$book->book_name}}">            
                </div>
            </div>
            <div class="info">
                <h3>{{$book->book_name}}</h3>
            </div>
        </a>
    @endforeach
    </div>
</div> 
<div> 
{!! $books->render() !!}
</div>
</body>
</html>